<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Mark简历生成器</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="static/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal-default-theme.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/remodal/1.1.0/remodal.min.js"></script>
    <script src="static/js/script.js"></script>
</head>

<body>
  <div class="container" id="cv">
    <div class="side">
      <div class="me">
        <div class="portrait"></div>
        <div class="remodal remodal-img" data-remodal-id="portrait-modal">
          <h3>请输入图片URL地址：</h3>
          <br/>
          <input type="text" id="avatar-url">
          <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
        </div>
        <h1 id="username" >Mr.Yao</h1>
        <h4 id="persona-tag" >Python / Web / 互联网</h4>
      </div>

      <div class="profile info-unit">
        <h2 class="info-header"><i class="iconfont icon-person"></i> <span class="info-title">基本信息</span></h2>
        <hr>
        <ul class="info-list">
          <li>
            <label class="left-label">姓名</label><span class="label-value">姚举生</span>
          </li>
          <li>
            <label class="left-label">学历</label><span class="label-value">本科</span>
          </li>
          <li>
            <label class="left-label">毕业院校</label><span class="label-value">江苏师范大学</span>
          </li>
          <li>
            <label class="left-label">毕业年份</label><span class="label-value">2015</span>
          </li>
        </ul>
      </div>

      <div class="contact info-unit">
        <h2 class="info-header"><i class="iconfont icon-call"></i> <span class="info-title">联系方式</span></h2>
        <hr>
        <ul class="info-list">
          <li>
            <label class="left-label">手机</label><span class="label-value">18151159042</span>
          </li>
          <li>
            <label class="left-label">邮箱</label><span class="label-value">jushengyao@gmail.com</span>
          </li>
          <li>
            <label class="left-label">个人主页1</label><span class="label-value">https://blog.yaogro.cn/</span>
          </li>
          <li>
            <label class="left-label">个人主页2</label><span class="label-value">http://yaojusheng.gitee.io/blog</span>
          </li>
          <li>
            <label class="left-label">Github</label><span class="label-value">github.com/yaojusheng</span>
          </li>
          <li>
            <label class="left-label">Gitee</label><span class="label-value">gitee.com/yaojusheng</span>
          </li>
          <li>
            <label class="left-label">CSDN</label><span class="label-value">blog.csdn.net/weixin_41599858</span>
          </li>
        </ul>
      </div>

      <div class="skill info-unit">
        <h2 class="info-header"><i class="iconfont icon-star"></i> <span class="info-title">技能点</span></h2>
        <hr>
        <ul class="progress-list">
          <li>
            <label class="left-label">Python</label>
            <progress value="90" max="100"></progress>
          </li>
          <li>
            <label class="left-label">html/css/js</label>
            <progress value="70" max="100"></progress>
          </li>
          <li>
            <label class="left-label">Ruby</label>
            <progress value="60" max="100"></progress>
          </li>
          <li>
            <label class="left-label">PHP</label>
            <progress value="60" max="100"></progress>
          </li>
          <li>
            <label class="left-label">全栈</label>
            <progress value="50" max="100"></progress>
          </li>
        </ul>
      </div>

      <div class="stack info-unit">
        <h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title">技术栈</span></h2>
        <hr>
        <ul class="stack-list">
          <li><label class="skill-label">前端</label></li>
          <p class="label-text">jQuery、Bootstrap.js、Vue.js</p>
          
          <li><label class="skill-label">后端</label></li>
          <p class="label-text">Python、Django、Ruby、PHP、Node.js</p>
          
          <li><label class="skill-label">数据库</label></li>
          <p class="label-text">Sqlite、MySQL、MongoDB、Redis</p>
          
          <!-- <li><label class="skill-label">其它</label></li>
          <p class="label-text">IDE、编辑器、代码管理、差异对比、思维导图、修图、视频处理等等。</p>
           -->
        </ul>
      </div>

      <div class="tool info-unit">
        <h2 class="info-header"><i class="iconfont icon-build"></i> <span class="info-title">开发工具</span></h2>
        <hr>
        <ul class="tool-list">
          <li>
            <label class="tool-label">Git、TortoiseGit、GitKraken、Beyond Compare</label>
            <!-- <span class="label-value"><i class="icon-link"></i>熟悉</span> -->
          </li>
          <p class="label-text">项目托管工具/版本差异与代码比对工具</p>

          <li>
            <label class="tool-label">Postman、Selenium，AirtestIDE等</label>
            <!-- <span class="label-value"><i class="icon-link"></i>了解</span> -->
          </li>
          <p class="label-text">自动化测试工具</p>

          <!-- <li>
            <label class="tool-label">Docker</label>
            <span class="label-value"><i class="icon-link"></i>了解</span>
          </li> -->
          <!-- <p class="label-text">容器镜像管理工具</p> -->

          <li>
            <label class="tool-label">JetBrains系列、 VSCode、Sublime</label>
            <!-- <span class="label-value"><i class="icon-link"></i>熟悉</span> -->
          </li>
          <p class="label-text">项目开发IDE工具</p>

          <li>
            <label class="tool-label">Xmind、Typora、Yu Writer等</label>
            <!-- <span class="label-value"><i class="icon-link"></i>熟悉</span> -->
          </li>
          <p class="label-text">思维导图和markdown工具</p>

          <!-- <li>
            <label class="tool-label">PhotoShop、绘声绘影等</label>
            <span class="label-value"><i class="icon-link"></i>了解</span>
          </li> -->
          <!-- <p class="label-text">修图、动图制作、视频、录屏等工具</p> -->

        </ul>
      </div>

      <div class="aboutme info-unit right-paragraph">
        <h2 class="info-header"><i class="iconfont icon-flower"></i> <span class="info-title">自我评价</span></h2>
        <hr>
        <div class="intro-info">
          我是一个充满活力、对技术由衷热爱、善于发现问题的后端|全栈工程师。
          工作认真负责，有较强的适应能力和自学能力；
          思维敏捷，较强的动手实践能力和团体协作精神。
          我目前正在寻找Python|全栈岗位，希望借此机会为贵司献上我的一点绵薄之力，快来寻找我吧！
        </div>
      </div>

      <div class="code info-unit">
        <h2 class="info-header"><i class="iconfont icon-weixin"></i> <span class="info-title">个人微信</span></h2>
        <hr>
        <div class="weixin">
          <img src="https://raw.githubusercontent.com/YaoJusheng/blog_photos/master/photos/weixin.jpg" alt="">
        </div>
      </div>
      <div class="remodal remodal-img" data-remodal-id="weixin-modal">
        <h3>请输入图片URL地址：</h3>
        <br/>
        <input type="text" id="weixin-url">
        <button data-remodal-action="confirm" class="remodal-confirm">确定</button>
      </div>
    </div>

    <div class="main">
      <div class="education info-unit right-list">
        <h2 class="info-header"><i class="iconfont icon-education"></i> <span class="info-title">教育经历</span></h2>
        <hr>
        <ul class="experience-list">
          <li>
            <h3>江苏师范大学 - 电气工程及其自动化（本科）2011-2015</h3>
            <p>
                略.
            </p>
          </li>
        </ul>
      </div>

      <div class="work info-unit right-list">
        <h2 class="info-header"><i class="iconfont icon-work"></i> <span class="info-title">工作经历</span></h2>
        <hr>
        <ul class="experience-list">
          <li>
            <h3 class="h-title">软通动力</h3>
            <h3 class="circle">VSTA 仿真 | CMS集中控制系统</h3>
            <dl class="exp">
              <dt><h4 class="h-tag">VSTA 仿真</h4></dt>
              <dd><p>负责 仿真项目 终端上线流程 的前后端主要开发工作，项目采用 Web 的形式，运行在 网页 上，可受CMS控制，接受下发任务，实现终端报文交互，模拟不同流程的上线过程。</p></dd>
              
              <dt><h4 class="h-tag">CMS集中控制系统</h4></dt>
              <dd><p>负责 CMS集中控制系统 任务下发流程 的前后端主要开发工作，项目采用 Web 的形式，运行在 网页 上，通过任务配置、报文流程配置、终端选型模块配合，下发任务，实现模拟不同流程的上线过程。</p></dd>
              
              <dt><h4 class="h-tag">后端技术</h4></dt>
              <dd><p>后端使用 Ruby语言 和 sinatra框架，来与前端数据进行交互</p></dd>
              
              <dt><h4 class="h-tag">前端技术</h4></dt>
              <dd><p>前端使用 Bootstrap 框架来实现前端组件及与后台的数据交互</p></dd>
            </dl>
          </li>
          <li>
            <h3 class="h-title">智泰滕迪</h3>
              <h3 class="circle">Taidii教育系统</h3>
              <p>负责后台部分 模块设计和整改， 该系统服务于小学幼儿园与教育培训机构</p>
              <p>后端使用 Python 和 Django Rest-framework 框架，实现前后端分离</p>
              <p>前端使用Angular框架</p>
            <dl class="exp">
              <dt><h4 class="h-tag">相册模块</h4></dt>
              <dd><p>负责相册的后端实现与优化</p></dd>
              
              <dt><h4 class="h-tag">物资管理模块</h4></dt>
              <dd><p>负责 后端逻辑 物资管理 的部分功能优化，并完成将该模块的重构，该模块区分消耗品与非消耗品的出入库和来源及去向统计，同时涉及相关记录的导入导出等流程。</p></dd>
              
              <dt><h4 class="h-tag">权限管理模块</h4></dt>
              <dd><p>负责 权限管理 后端开发工作，为不同模块和APP按需求添加权限和权限验证</p></dd>
              
              <dt><h4 class="h-tag">校园风采模块</h4></dt>
              <dd><p>负责 校园风采 后端开发工作，上传和显示用户的视频和图片以及相关描述信息</p></dd>
              
              <dt><h4 class="h-tag">课程管理模块</h4></dt>
              <dd><p>负责 课程管理 后端开发工作，针对机构和学校的不同制定不同的课程或培训班，涉及报名、预约和限时等处理。</p></dd>
              
              <dt><h4 class="h-tag">国际化i18n</h4></dt>
              <dd><p>负责 国际化i18n 后端开发工作，对于不同模块和APP涉及的术语或描述显示进行个性化翻译</p></dd>
                
            </dl>
          </li>
        </ul class="experience-list">
      </div>

      <div class="project info-unit right-list">
        <h2 class="info-header"><i class="iconfont icon-project"></i> <span class="info-title">个人项目</span></h2>
        <hr>
        <ul class="experience-list">
          <li>
            <h3>
              <span class="h-title">Exercise</span>
            </h3>
            <p>基础入门与项目案例</p>
            <p>包括Linux简介、Python语法与数据类型、数据库操作、爬虫案例、socket编程、web前端基础（H5/css/js...）等</p>
          </li>
          <li>
            <h3>
              <span class="h-title">Python-Scripts-Demo</span>
            </h3>
            <p>基础入门与项目案例</p>
            <p>包括进阶使用：多任务处理、数据库、数据分析、爬虫、GUI编程、图像处理等</p>
          </li>
          <li>
            <h3>
              <span class="h-title">phpStudy</span>
            </h3>
            <p>php语法和前后端交互</p>
            <p>php数据类型、前后端混编到爬虫相关知识的整理和教程</p>
          </li>
          <li>
            <h3>
              <span class="h-title">个人博客</span>
            </h3>
            <p>利用Hexo驱动，搭配hexo主题，通过GitHub/Gitee pages 搭建和部署的个人博客</p>
            <p>博客1: https://blog.yaogro.cn</p>
            <p>博客2: https://yaojusheng.gitee.io/blog</p>
          </li>
          <li>
            <h3>
              <span class="h-title">hexo主题</span>
            </h3>
            <dl class="exp">
              <dt><label class="h-tag">hexo-theme-yilia-plus</label></dt>
              <dd><p>基于Hexo驱动的博客主题，对开源项目进行个性化修改，添加新功能和优化；</p></dd>
              <dd><p>https://github.com/YaoJusheng/hexo-theme-yilia-plus</p></dd>
            
              <dt><label class="h-tag">hexo-theme-next</label></dt>
              <dd><p>基于Hexo驱动的博客主题，对开源项目进行个性化修改，添加新功能和优化；</p></dd>
              <dd><p>https://github.com/YaoJusheng/hexo-theme-next</p></dd>
            
              <dt><label class="h-tag">hexo-theme-diaspora</label></dt>
              <dd><p>基于Hexo驱动的博客主题，对开源项目进行个性化修改，添加新功能和优化；</p></dd>
              <dd><p>https://github.com/YaoJusheng/hexo-theme-diaspora</p></dd>
            
              <dt><label class="h-tag">hexo-theme-landscape</label></dt>
              <dd><p>基于Hexo驱动的博客主题，对开源项目进行个性化修改，添加新功能和优化；</p></dd>
              <dd><p>https://github.com/YaoJusheng/hexo-theme-landscape</p></dd>
            
              <dt><label class="h-tag">hexo-theme-icarus</label></dt>
              <dd><p>基于Hexo驱动的博客主题，对开源项目进行个性化修改，添加新功能和优化；</p></dd>
              <dd><p>https://github.com/YaoJusheng/hexo-theme-icarus</p></dd>
            </dl>
          </li>
          <li>
            <h3>
              <span class="h-title">在线简历</span>
            </h3>
            <dl class="exp">
              <dt><label class="h-tag">resume</label></dt>
              <dd><p>设计优雅、内容完善的静态简历页面，可以用浏览器直接生成合适尺寸的 PDF</p></dd>
              <dd><p>https://github.com/yaojusheng/resume</p></dd>
          
              <dt><label class="h-tag">static-resume</label></dt>
              <dd><p>设计优雅、内容完善的静态简历页面，可以用浏览器直接生成合适尺寸的 PDF，使用 gulp 构建</p></dd>
              <dd><p>https://github.com/yaojusheng/static-resume</p></dd>
        
              <dt><label class="h-tag">online-resume</label></dt>
              <dd><p>在线简历制作</p></dd>
              <dd><p>https://github.com/yaojusheng/online-resume</p></dd>
        
              <dt><label class="h-tag">dynamic-resume</label></dt>
              <dd><p>一个动态的简历</p></dd>
              <dd><p>https://github.com/yaojusheng/dynamic-resume</p></dd>
            </dl>
          </li>
        </ul>
      </div>
      
    </div>
  </div>
</body>

</html>
